<script>
			var module_inits = [];
			
			function load_init_modules() {
				for (var i = 0; i < module_inits.length; i++) {
					module_inits[i]();
				}
			}
			
			function call_me(fun) {
				module_inits.push(fun);
			}
			onload = load_init_modules;
		</script>

		<script>
			var slider_images_url = [
			{volist name='pics' id='vo'}
			'{$vo.url}',
			{/volist}
			];
			var e_desc = '{$title}';
		</script>
<style type="text/css">
	
	*
	{
        padding: 0px;
        margin: 0px;
        -webkit-box-sizing: border-box;
	}

    body
    {
        background-color: black;
    }

	#biyeji_container
	{
		position: absolute;
		width:  500px;
		height: 100%;
		overflow:hidden;
	}

	.biyeji_pic
	{
		position: absolute;
		display: none;
		/*change*/
	}

	#biyeji_page0_0
	{
		top:  372px;
		left: 233px;
		background-image: url(__DIR__{$dir}/img/pic-2Fbiyeji-F02.png);
		width: 191px;
		height: 189px;
	}

	#biyeji_page0_0 > div
	{
		position: absolute;
		width: 145px;
		height: 135px;
		-webkit-transform: rotate(-13deg);
		top: 23px;
		left: 23px;
		overflow: hidden;

	}

	#biyeji_page0_1
	{
		top:  220px;
		left: 280px;
		background-image: url(__DIR__{$dir}/img/pic-2Fbiyeji-F03.png);
		width: 155px;
		height: 152px;
	}

	#biyeji_page0_1 > div
	{
		position: absolute;
		width: 112px;
		height: 110px;
		-webkit-transform: rotate(-15deg);
		top: 18px;
		left: 20px;
		overflow: hidden;
	}

	#biyeji_page0_2
	{
		top:  200px;
		left: 58px;
		background-image: url(__DIR__{$dir}/img/pic-2Fbiyeji-F04.png);
		width: 217px;
		height: 215px;

	}

	#biyeji_page0_2 > div
	{
		position: absolute;
		width: 165px;
		height: 160px;
		-webkit-transform: rotate(11deg);
		left: 23px;
		top: 19px;
		overflow: hidden;
	}

	#biyeji_page1_0
	{
		top:  180px;
		left: 29px;
		background-image: url(__DIR__{$dir}/img/pic-2Fbiyeji-F05.png);
		width: 305px;
		height: 239px;
	}

	#biyeji_page1_0 > div
	{
		position: absolute;
		width: 254px;
		height: 180px;
		-webkit-transform: rotate(-8deg);
		top: 28px;
		left: 18px;
		overflow: hidden;
	}

	#biyeji_page1_1
	{
		top:  400px;
		left: 252px;
		background-image: url(__DIR__{$dir}/img/pic-2Fbiyeji-F06.png);
		width: 150px;
		height: 148px;
	}

	#biyeji_page1_1 > div
	{
		position: absolute;
		width: 113px;
		height: 110px;
		-webkit-transform: rotate(13deg);
		top: 18px;
		left: 19px;
		overflow: hidden;
	}

	#biyeji_page1_2
	{
		top:  260px;
		left: 332px;
		background-image: url(__DIR__{$dir}/img/pic-2Fbiyeji-F07.png);
		width: 130px;
		height: 125px;
	}

	#biyeji_page1_2 > div
	{
		position: absolute;
		width: 113px;
		height: 110px;
		-webkit-transform: rotate(-2deg);
		top: 5px;
		left: 9px;
		overflow: hidden;
	}

	#biyeji_page1_3
	{
		top:  430px;
		left: 88px;
		background-image: url(__DIR__{$dir}/img/pic-2Fbiyeji-F08.png);
		width: 135px;
		height: 131px;
	}

	#biyeji_page1_3 > div
	{
		position: absolute;
		width: 106px;
		height: 102px;
		-webkit-transform: rotate(-9deg);
		top: 14px;
		left: 17px;
		overflow: hidden;
	}

	#biyeji_page2_0
	{
		top: 230px;
		left: 62px;
		background-image: url(__DIR__{$dir}/img/pic-2Fbiyeji-F09.png);
		width: 377px;
		height: 286px;
	}

	#biyeji_page2_0 > div
	{
		width: 335px;
		height: 232px;
		position: absolute;
		-webkit-transform: rotate(1deg);
		top: 18px;
		left: 21px;
		overflow: hidden;
	}

	#biyeji_page3_0
	{
		top: 385px;
		left: 231px;
		background-image: url(__DIR__{$dir}/img/pic-2Fbiyeji-F10.png);
		width: 235px;
		height: 169px;
	}

	#biyeji_page3_0 > div
	{
		position: absolute;
		width: 188px;
		height: 120px;
		-webkit-transform: rotate(7.5deg);
		top: 20px;
		left: 22px;
		overflow: hidden;
	}

	#biyeji_page3_1
	{
		top: 170px;
		left: 45px;
		background-image: url(__DIR__{$dir}/img/pic-2Fbiyeji-F11.png);
		width: 315px;
		height: 240px;
	}

	#biyeji_page3_1 > div
	{
		position: absolute;
		width: 259px;
		height: 168px;
		-webkit-transform: rotate(-10deg);
		top: 29px;
		left: 22px;
		overflow: hidden;
	}

	#biyeji_page4_0
	{
		top: 168px;
		left: 50px;
		background-image: url(__DIR__{$dir}/img/pic-2Fbiyeji-F12.png);
		width: 262px;
		height: 260px;
	}

	#biyeji_page4_0 > div
	{
		position: absolute;
		width: 182px;
		height: 175px;
		-webkit-transform: rotate(25deg);
		left: 41px;
		top: 37px;
		overflow: hidden;
	}

	#biyeji_page4_1
	{
		top: 392px;
		left: 265px;
		background-image: url(__DIR__{$dir}/img/pic-2Fbiyeji-F13.png);
		width: 174px;
		height: 179px;
	}

	#biyeji_page4_1 > div
	{
		position: absolute;
		width: 150px;
		height: 148px;
		top: 9px;
		left: 11px;
		-webkit-transform: rotate(1deg);
		overflow: hidden;
	}

	#biyeji_page5_0
	{
		top: 398px;
		left: 193px;
		background-image: url(__DIR__{$dir}/img/pic-2Fbiyeji-F14.png);
		width: 232px;
		height: 225px;
	}

	#biyeji_page5_0 > div
	{
		width: 158px;
		height: 154px;
		position: absolute;
		-webkit-transform: rotate(-20deg);
		left: 31px;
		top: 32px;
		overflow: hidden;
	}

	#biyeji_page5_1
	{
		top: 210px;
		left: 40px;
		background-image: url(__DIR__{$dir}/img/pic-2Fbiyeji-F15.png);
		width: 292px;
		height: 229px;
	}

	#biyeji_page5_1 > div
	{
		width: 241px;
		height: 168px;
		position: absolute;
		-webkit-transform: rotate(-12deg);
		left: 23px;
		top: 28px;
		overflow: hidden;
	}

	 @-webkit-keyframes aa_in_bounce_down
    {
        0%{
            opacity:0;
            -webkit-transform:translateY(-2000px)
        }
        60%{
            opacity:1;
            -webkit-transform:translateY(30px)
        }
        80%{
            -webkit-transform:translateY(-10px)
        }
        100%{
            -webkit-transform:translateY(0)
        }
    }

    @-webkit-keyframes aa_out_bounce_down
    {
        0%{
            -webkit-transform:translateY(0)
        }
        20%{
            opacity:1;
            -webkit-transform:translateY(-20px)
        }
        100%{
            opacity:0;
            -webkit-transform:translateY(2000px)
        }
    }
/*---往上跳---*/
    @-webkit-keyframes aa_in_bounce_up
    {
        0%{
            opacity:0;
            -webkit-transform:translateY(2000px)
        }
        60%{
            opacity:1;
            -webkit-transform:translateY(-30px)
        }
        80%{
            -webkit-transform:translateY(10px)
        }
        100%{
            -webkit-transform:translateY(0)
        }
    }
    @-webkit-keyframes aa_out_bounce_up
    {
       0%{
        -webkit-transform:translateY(0)
        }
        20%{
            opacity:1;
            -webkit-transform:translateY(20px)
        }
        100%{
            opacity:0;
            -webkit-transform:translateY(-2000px)
        }
    }   
/*---往左跳---*/
    @-webkit-keyframes aa_in_bounce_left
    {
        0%{
            opacity:0;
            -webkit-transform:translateX(-2000px)
        }
        60%{
            opacity:1;
            -webkit-transform:translateX(30px)
        }
        80%{
            -webkit-transform:translateX(-10px)
        }
        100%{
            -webkit-transform:translateX(0)
        }
    }
    @-webkit-keyframes aa_out_bounce_left0
    {
        0%{
            -webkit-transform:translateX(0)
        }
        20%{
            opacity:1;
            -webkit-transform:translateX(20px)
        }
        100%{
            opacity:0;
            -webkit-transform:translateX(-2000px)
        }
    }

/*---往右跳---*/
    @-webkit-keyframes aa_in_bounce_right0
    {
        0%{
            opacity:0;
            -webkit-transform:translateX(2000px)
        }
        60%{
            opacity:1;
            -webkit-transform:translateX(-30px)
        }
        80%{
            -webkit-transform:translateX(10px)
        }
        100%{
            -webkit-transform:translateX(0)
        }
    }
    @-webkit-keyframes aa_out_bounce_right
    {
        0%{
            -webkit-transform:translateX(0)
        }
        20%{
            opacity:1;
            -webkit-transform:translateX(-20px)
        }
        100%{
            opacity:0;
        -webkit-transform:translateX(2000px)
        }
    }
    
    @-webkit-keyframes aa_in_bounce_center
    {
        0%{
            opacity:0;
            -webkit-transform:scale(.3)
        }
        50%{
            opacity:1;
            -webkit-transform:scale(1.05)
        }
        70%{
            -webkit-transform:scale(.9)
        }
        100%{
            -webkit-transform:scale(1)
        }
    }

    @-webkit-keyframes piaoluo
    {
    	from{-webkit-transform:translate(0px,0px) rotate(0deg);}
    	to{-webkit-transform:translate(-400px,1200px) rotate(360deg);}
    }
    @-webkit-keyframes fadein
    {
    	from  {opacity: 0}
    	to    {opacity: 1}
    }
    @-webkit-keyframes fadeout
    {
    	from  {opacity: 1}
    	to    {opacity: 0}
    }
</style>

<div id="biyeji_container">

	<img id="biyeji_background" src="__DIR__{$dir}/img/pic-biyeji-01.jpeg">

	<div id="biyeji_page0_0" class="biyeji_pic" style="display: block; animation: aa_in_bounce_up 2s ease;">
		<div>
			<img id="biyeji_page_0_0" style="position: absolute; top: 0px; left: -6px;" height="135" width="157">
		</div>
	</div>
	<div id="biyeji_page0_1" class="biyeji_pic" style="display: block; animation: aa_in_bounce_right0 2s ease;">
		<div>
			<img id="biyeji_page_0_1" style="position: absolute; left: 0px; top: -17px;" width="110" height="146">
		</div>
	</div>
	<div id="biyeji_page0_2" class="biyeji_pic" style="display: block; animation: aa_in_bounce_left 2s ease;">
		<div>
			<img id="biyeji_page_0_2" style="position: absolute; left: 0px; top: -20.5px;" width="165" height="201">
		</div>
	</div>

	<div id="biyeji_page1_0" class="biyeji_pic">
		<div>
			<img id="biyeji_page_1_0" style="position:absolute" src="">
		</div>
	</div>
	<div id="biyeji_page1_1" class="biyeji_pic">
		<div>
			<img id="biyeji_page_1_1" style="position:absolute" src="">
		</div>
	</div>
	<div id="biyeji_page1_2" class="biyeji_pic">
		<div>
			<img id="biyeji_page_1_2" style="position:absolute" src="">
		</div>
	</div>
	<div id="biyeji_page1_3" class="biyeji_pic">
		<div>
			<img id="biyeji_page_1_3" style="position:absolute" src="">
		</div>
	</div>

	<div id="biyeji_page2_0" class="biyeji_pic">
		<div>
			<img id="biyeji_page_2_0" style="position:absolute" src="">
		</div>
	</div>

	<div id="biyeji_page3_0" class="biyeji_pic">
		<div>
			<img id="biyeji_page_3_0" style="position:absolute" src="">
		</div>
	</div>
	<div id="biyeji_page3_1" class="biyeji_pic">
		<div>
			<img id="biyeji_page_3_1" style="position:absolute" src="">
		</div>
	</div>

	<div id="biyeji_page4_0" class="biyeji_pic">
		<div>
			<img id="biyeji_page_4_0" style="position:absolute" src="">
		</div>
	</div>
	<div id="biyeji_page4_1" class="biyeji_pic">
		<div>
			<img id="biyeji_page_4_1" style="position:absolute" src="">
		</div>
	</div>

	<div id="biyeji_page5_0" class="biyeji_pic">
		<div>
			<img id="biyeji_page_5_0" style="position:absolute" src="">
		</div>
	</div>
	<div id="biyeji_page5_1" class="biyeji_pic">
		<div>
			<img id="biyeji_page_5_1" style="position:absolute" src="">
		</div>
	</div>

	<img src="__DIR__{$dir}/img/pic-biyeji-leaf1.png" style="position:absolute;top:-100px;left:200px;width:60px;-webkit-animation:piaoluo 10s linear infinite">
	<img src="__DIR__{$dir}/img/pic-biyeji-leaf2.png" style="position:absolute;top:-100px;left:300px;width:40px;-webkit-animation:piaoluo 10s linear 2.5s infinite">
	<img src="__DIR__{$dir}/img/pic-biyeji-leaf3.png" style="position:absolute;top:-100px;left:400px;width:50px;-webkit-animation:piaoluo 10s linear 7.5s infinite">
	<img src="__DIR__{$dir}/img/pic-biyeji-leaf1.png" style="position:absolute;top:-100px;left:500px;width:60px;-webkit-animation:piaoluo 10s linear 5s infinite">

    <div id="pagetitle" style="position: absolute; width: 410px; height: 200px; top: 238px; left: 45px; font-size: 40px; color: rgb(255, 255, 255); overflow: hidden; text-shadow: rgba(0, 0, 0, 0.2) 5px 6px 4px; animation: fadeout 1s linear both;">
        <div style="position:absolute;width:410px;height:200px;top:0px;left:0px;overflow:hidden;">
            <div style="position:absolute;width:410px;height:200px;display:table;overflow:hidden;">
                <div id="titlecontent" style="width:410px;height:200px;vertical-align:middle;display:table-cell;text-align:center;font-size:40px;line-height:70px;color:#DEA42E;">文</div>
            </div>
        </div>
    </div>

</div>

<script>

	var biyeji_index=0; 
	var images_url_index=0;

	var biyeji_range=[[{w:145,h:135},{w:110,h:112},{w:165,h:160}],[{w:254,h:175},{w:110,h:108},{w:113,h:110},{w:106,h:102}],[{w:335,h:232}],[{w:188,h:120},{w:259,h:168}],[{w:182,h:175},{w:150,h:148}],[{w:158,h:154},{w:241,h:168}]]


	function biyeji_init()
	{
		biyeji_showpage_index();
		setInterval(biyeji_showpage_index,4700);
		// biyeji_cut_image(0,0,1)
		// biyeji_loadimage();
	}

	function biyeji_showpage_index()
	{
		switch(biyeji_index)
		{
			case 0:biyeji_showpage0();break;
			case 1:biyeji_showpage1();break;
			case 2:biyeji_showpage2();break;
			case 3:biyeji_showpage3();break;
			case 4:biyeji_showpage4();break;
			case 5:biyeji_showpage5();break;
		}
		biyeji_index++;
		if(biyeji_index==6)
			biyeji_index=0;
	}
	
	function id (name) 
	{
		return document.getElementById(name)
	}

	function biyeji_showpage0 () 
	{

		for(var i=0;i<3;i++)
		{
			if(images_url_index>=Onload_image_urls.length)
				images_url_index=0;
		    while(Onload_image_urls[images_url_index] == 'not find' || Onload_image_urls[images_url_index] == 'loading')
		    {
		        console.log(Onload_image_urls[images_url_index]);
		        images_url_index++;
		        if(images_url_index == Onload_image_urls.length)
		            images_url_index = 0;
		    }
			var myimg=id('biyeji_page_0_'+i);
			biyeji_cut_image(biyeji_index,i);
			myimg.src=Onload_image_urls[images_url_index];
			console.log(myimg.src);
			images_url_index++;
		}

		id('biyeji_page0_1').style.display='block';
		id('biyeji_page0_1').style.webkitAnimation='aa_in_bounce_right0 2s ease';

		// alert(id('biyeji_page_0_0').src+id('biyeji_page_0_0').width+id('biyeji_page_0_0').style.left)

		setTimeout(function()
		{
			id('biyeji_page0_0').style.display='block';
			id('biyeji_page0_0').style.webkitAnimation='aa_in_bounce_up 2s ease';
		},100);

		setTimeout(function()
		{
			id('biyeji_page0_2').style.display='block';
			id('biyeji_page0_2').style.webkitAnimation='aa_in_bounce_left 2s ease';
		},200);

		setTimeout(function()
		{
			id('biyeji_page0_0').style.webkitAnimation='aa_out_bounce_down 2s ease forwards';
			id('biyeji_page0_1').style.webkitAnimation='aa_out_bounce_right 2s ease forwards';
			id('biyeji_page0_2').style.webkitAnimation='aa_out_bounce_left0 2s ease forwards';
		},4000);

		// alert(id('biyeji_page_0_0').width)
	}

	function biyeji_showpage1 ()
	{
		for(var i=0;i<4;i++)
		{
			if(images_url_index>=Onload_image_urls.length)
				images_url_index=0;
		    while(Onload_image_urls[images_url_index] == 'not find' || Onload_image_urls[images_url_index] == 'loading')
		    {
		        console.log(Onload_image_urls[images_url_index]);
		        images_url_index++;
		        if(images_url_index == Onload_image_urls.length)
		            images_url_index = 0;
		    }
			var myimg=id('biyeji_page_1_'+i);
			biyeji_cut_image(biyeji_index,i);
			myimg.src=Onload_image_urls[images_url_index];
			console.log(myimg.src);
			images_url_index++;
		}

		id('biyeji_page1_0').style.display='block';
		id('biyeji_page1_0').style.webkitAnimation='aa_in_bounce_down 2s ease';


		id('biyeji_page1_1').style.display='block';
		id('biyeji_page1_1').style.webkitAnimation='aa_in_bounce_up 2s ease';

		setTimeout(function()
		{
			id('biyeji_page1_2').style.display='block';
			id('biyeji_page1_2').style.webkitAnimation='aa_in_bounce_right0 2s ease';

			id('biyeji_page1_3').style.display='block';
			id('biyeji_page1_3').style.webkitAnimation='aa_in_bounce_left 2s ease';
		},100);

		setTimeout(function()
		{
			id('biyeji_page1_0').style.webkitAnimation='aa_out_bounce_up 2s ease forwards';
			id('biyeji_page1_1').style.webkitAnimation='aa_out_bounce_down 2s ease forwards';
			id('biyeji_page1_2').style.webkitAnimation='aa_out_bounce_right 2s ease forwards';
			id('biyeji_page1_3').style.webkitAnimation='aa_out_bounce_left0 2s ease forwards';
		},4000)
	}

	function biyeji_showpage2 ()
	{
		for(var i=0;i<1;i++)
		{
			if(images_url_index>=Onload_image_urls.length)
				images_url_index=0;
		    while(Onload_image_urls[images_url_index] == 'not find' || Onload_image_urls[images_url_index] == 'loading')
		    {
		        console.log(Onload_image_urls[images_url_index]);
		        images_url_index++;
		        if(images_url_index == Onload_image_urls.length)
		            images_url_index = 0;
		    }
			var myimg=id('biyeji_page_2_'+i);
			biyeji_cut_image(biyeji_index,i);
			myimg.src=Onload_image_urls[images_url_index];
			console.log(myimg.src);
			images_url_index++;
		}

		id('biyeji_page2_0').style.display='block';
		id('biyeji_page2_0').style.webkitAnimation='aa_in_bounce_center 2s ease';

		setTimeout(function()
		{
			id('biyeji_page2_0').style.webkitAnimation='aa_out_bounce_left0 2s ease forwards';
		},4000)
	}

	function biyeji_showpage3 ()
	{
		for(var i=0;i<2;i++)
		{
			if(images_url_index>=Onload_image_urls.length)
				images_url_index=0;
		    while(Onload_image_urls[images_url_index] == 'not find' || Onload_image_urls[images_url_index] == 'loading')
		    {
		        console.log(Onload_image_urls[images_url_index]);
		        images_url_index++;
		        if(images_url_index == Onload_image_urls.length)
		            images_url_index = 0;
		    }
			var myimg=id('biyeji_page_3_'+i);
			biyeji_cut_image(biyeji_index,i);
			myimg.src=Onload_image_urls[images_url_index];
			console.log(myimg.src);
			images_url_index++;
		}

		id('biyeji_page3_0').style.display='block';
		id('biyeji_page3_0').style.webkitAnimation='aa_in_bounce_right0 2s ease';

		id('biyeji_page3_1').style.display='block';
		id('biyeji_page3_1').style.webkitAnimation='aa_in_bounce_left 2s ease';

		setTimeout(function()
		{
			id('biyeji_page3_0').style.webkitAnimation='aa_out_bounce_down 2s ease forwards';
			id('biyeji_page3_1').style.webkitAnimation='aa_out_bounce_up 2s ease forwards';
		},4000)
	}

	function biyeji_showpage4 ()
	{
		for(var i=0;i<2;i++)
		{
			if(images_url_index>=Onload_image_urls.length)
				images_url_index=0;
		    while(Onload_image_urls[images_url_index] == 'not find' || Onload_image_urls[images_url_index] == 'loading')
		    {
		        console.log(Onload_image_urls[images_url_index]);
		        images_url_index++;
		        if(images_url_index == Onload_image_urls.length)
		            images_url_index = 0;
		    }
			var myimg=id('biyeji_page_4_'+i);
			biyeji_cut_image(biyeji_index,i);
			myimg.src=Onload_image_urls[images_url_index];
			console.log(myimg.src);
			images_url_index++;
		}

		id('biyeji_page4_0').style.display='block';
		id('biyeji_page4_0').style.webkitAnimation='aa_in_bounce_right0 2s ease';

		id('biyeji_page4_1').style.display='block';
		id('biyeji_page4_1').style.webkitAnimation='aa_in_bounce_left 2s ease';

		setTimeout(function()
		{
			id('biyeji_page4_0').style.webkitAnimation='aa_out_bounce_up 2s ease forwards';
			id('biyeji_page4_1').style.webkitAnimation='aa_out_bounce_down 2s ease forwards';
		},4000)
	}

	function biyeji_showpage5 ()
	{
		for(var i=0;i<2;i++)
		{
			if(images_url_index>=Onload_image_urls.length)
				images_url_index=0;
		    while(Onload_image_urls[images_url_index] == 'not find' || Onload_image_urls[images_url_index] == 'loading')
		    {
		        console.log(Onload_image_urls[images_url_index]);
		        images_url_index++;
		        if(images_url_index == Onload_image_urls.length)
		            images_url_index = 0;
		    }
			var myimg=id('biyeji_page_5_'+i);
			biyeji_cut_image(biyeji_index,i);
			myimg.src=Onload_image_urls[images_url_index];
			console.log(myimg.src);
			images_url_index++;
		}

		id('biyeji_page5_0').style.display='block';
		id('biyeji_page5_0').style.webkitAnimation='aa_in_bounce_up 2s ease';

		id('biyeji_page5_1').style.display='block';
		id('biyeji_page5_1').style.webkitAnimation='aa_in_bounce_down 2s ease';

		setTimeout(function()
		{
			id('biyeji_page5_0').style.webkitAnimation='aa_out_bounce_right 2s ease forwards';
			id('biyeji_page5_1').style.webkitAnimation='aa_out_bounce_left0 2s ease forwards';
		},4000)
	}

	function biyeji_cut_image(pageid,pageid_index)
	{
		// var img=new Image();
		// img.src=Onload_image_urls[images_url_index];
		var imgheight=imagesize[images_url_index*2+1];
		var imgwidth=imagesize[images_url_index*2];
		// alert(imgheight+'-'+imgwidth);
		// var imgheight=id('biyeji_page_'+pageid+'_'+pageid_index).height;
		// var imgwidth=id('biyeji_page_'+pageid+'_'+pageid_index).width;
		var image_bili=imgwidth/imgheight;

		var my_img=id('biyeji_page_'+pageid+'_'+pageid_index);
		// id('biyeji_page_'+pageid+'_'+pageid_index).src=Onload_image_urls[images_url_index];

		if((biyeji_range[pageid][pageid_index].w/biyeji_range[pageid][pageid_index].h)>image_bili)
		{
			my_img.width=biyeji_range[pageid][pageid_index].w;
			my_img.height=biyeji_range[pageid][pageid_index].w/image_bili;
			my_img.style.left='0px';
			my_img.style.top='-'+(my_img.height-biyeji_range[pageid][pageid_index].h)/2+'px';
		}
		else
		{
			my_img.height=biyeji_range[pageid][pageid_index].h;
			my_img.width=biyeji_range[pageid][pageid_index].h*image_bili;
			my_img.style.top='0px';
			my_img.style.left='-'+(my_img.width-biyeji_range[pageid][pageid_index].w)/2+'px';
			// console.log(id('biyeji_page_'+pageid+'_'+pageid_index).height)
			// console.log(id('biyeji_page_'+pageid+'_'+pageid_index).width)
			// console.log(id('biyeji_page_'+pageid+'_'+pageid_index).style.top)
			// console.log(id('biyeji_page_'+pageid+'_'+pageid_index).style.left)
		}


	}
	var myimage=[];

	Onload_image_urls = [];
	var have_num = 0;
	var error_num = 0;
	var myimg_name=['biyeji_page_0_0','biyeji_page_0_1','biyeji_page_0_2','biyeji_page_1_0','biyeji_page_1_1','biyeji_page_1_2','biyeji_page_1_3','biyeji_page_2_0','biyeji_page_3_0','biyeji_page_3_1','biyeji_page_4_0','biyeji_page_4_1','biyeji_page_5_0','biyeji_page_5_1']

	var imagesize=[];
	function biyeji_loadimage()
	{
		var img;


	    begin_titletime = new Date();
	    begin_titletime = begin_titletime.getTime();
	    showtitle();
		for(var i=0;i<slider_images_url.length;i++)
		{
			img=new Image();
			img.src=slider_images_url[i];
			img.index=i;
			Onload_image_urls[i] = 'loading';
			img.onload=myonload;
			img.onerror = myonerror;

		}
	}
	function myonerror(event)
	{
		var img = event.target;
		var index = img.index;
		Onload_image_urls[index] = 'not find';
		if(index<10)
			error_num++;

	    if((have_num+error_num >= 10 || slider_images_url.length == (have_num+error_num)) && canshow == true)
	    {   
	        reshow = false;
	        canshow =false;
	        if(have_num == 0)
	            return;

	        var end_titletime = new Date();
	        end_titletime = end_titletime.getTime();
	        var dis_titletime = Math.abs(end_titletime-begin_titletime);
	        if(dis_titletime>delaytime)
	        {
	            distitle();
	        }
	        else
	        {
	            dis_titletime = delaytime- dis_titletime;
	            timeout0 = setTimeout(function()
	                {
	                    distitle();
	                },dis_titletime);
	        }
	    }
	}

	var img_id=0;
	canshow = true;
	reshow = false;
	var delaytime = 4000;
	function myonload(event)
	{
		var img=event.target;
		var this_index=img.index;
		if(this_index<10)
			have_num++;
		imagesize[this_index*2]=img.width;
		imagesize[this_index*2+1]=img.height;
		Onload_image_urls[this_index] = img.src;

	    if((have_num+error_num >= 10 || slider_images_url.length == (have_num+error_num)) && canshow == true)
	    {   
	        reshow = false;
	        canshow =false;
	        if(have_num == 0)
	            return;

	        var end_titletime = new Date();
	        end_titletime = end_titletime.getTime();
	        var dis_titletime = Math.abs(end_titletime-begin_titletime);
	        if(dis_titletime>delaytime)
	        {
	            distitle();
	        }
	        else
	        {
	            dis_titletime = delaytime- dis_titletime;
	            timeout0 = setTimeout(function()
	                {
	                    distitle();
	                },dis_titletime);
	        }
	    }
	}

function distitle()
{
	id('pagetitle').style.webkitAnimation = 'fadeout 1s linear both';
	biyeji_init();
}
function showtitle()
{
	id('pagetitle').style.webkitAnimation = 'fadein 1s linear both';
	id('titlecontent').innerHTML = e_desc;
}
	call_me(biyeji_loadimage);
</script>



	<link type="text/css" rel="stylesheet" href="__DIR__{$dir}/css/guanzhu.css">
	<link rel="stylesheet" type="text/css" href="__DIR__{$dir}/css/buttons.css">

	<style type="text/css">
		@-webkit-keyframes zhuan
		{
			0%
			{
				-webkit-transform:rotate(0deg);
			}

			100%
			{
				-webkit-transform:rotate(360deg);
			}
		}


		@-webkit-keyframes aa_out_bounce_left
		{
		    0%{
		        -webkit-transform:translateX(0)
		    }
		    20%{
		        -webkit-transform:translateX(20px)
		    }
		    100%{
		        -webkit-transform:translateX(-125px)
		    }
		}
		@-webkit-keyframes aa_in_bounce_center
		{
		    0%{
		        opacity:0;
		        -webkit-transform:scale(.3)
		    }
		    50%{
		        opacity:1;
		        -webkit-transform:scale(1.05)
		    }
		    70%{
		        -webkit-transform:scale(.9)
		    }
		    100%{
		        -webkit-transform:scale(1)
		    }
		}
		@-webkit-keyframes jinbi
		{
			from {-webkit-transform: rotateY(0deg);}
			to   {-webkit-transform: rotateY(180deg);}
		}
		.jubao-item
		{
			position: relative;
			float: left;
			width: 360px;
			height: 55px;
			top: 0px;
			font-size: 20px;
			line-height: 55px;
			margin-left: 20px;
			border-bottom: 1px solid #EBEBEB;
		}
		.jubao-radio
		{
			position: absolute;
			right: 10px;
			width: 25px;
			height: 25px;
			top: 20px;
		}

		.jubao-detail
		{
			position: relative;
			float: left;
			width: 360px;
			margin-left: 20px;
		}
		.jubao-detail textarea
		{
			width: 360px;
		    height: 80px;
		    font-size: 20px;
		    resize: none;
		    line-height: 40px;
		    border: none;
		    background-color: #eee;
		    border-radius: 10px;
		    padding-left: 10px;
		}
		@-webkit-keyframes guangzhu_ani
		{
			from  {-webkit-transform: scale(1);}
			to    {-webkit-transform: scale(1.05);}
		}
		@-webkit-keyframes che_ani
		{
		    0%    {-webkit-transform: translate(-20px,0px);opacity: 1}
		    8%  {-webkit-transform: translate(100px,0px) scale(0.95,1.05);opacity: 1}
		    10%  {-webkit-transform: translate(100px,0px) scale(1,1);opacity: 1}
		    12%   {-webkit-transform: translate(100px,0px); opacity: 1}
		    14%   {-webkit-transform: translate(100px,0px); opacity: 1}
		    16%   {-webkit-transform: translate(100px,0px); opacity: 1}
		    18%   {-webkit-transform: translate(100px,0px); opacity: 1}
		    20%   {-webkit-transform: translate(100px,0px); opacity: 1}
		    45%   {-webkit-transform: translate(100px,0px) scale(0.97,1.03); opacity: 1}
		    50%   {-webkit-transform: translate(100px,0px); opacity: 1}
		    60%   {-webkit-transform: translate(200px,0px); opacity: 0}
		    100%  {-webkit-transform: translate(200px,0px); opacity: 0}
		}
		@-webkit-keyframes che1_ani
		{
		    0%    {opacity: 1}
		    12%   {opacity: 1}
		    14%   {opacity: 0.5}
		    16%   {opacity: 1}
		    18%   {opacity: 0.5}
		    20%   {opacity: 1}
		    100%  {opacity: 1}

		}
		@-webkit-keyframes baoming
		{
		    0%  {opacity: 0}
		    58% {opacity: 0;-webkit-transform: scale(1.4);}
		    59% {opacity: 1;-webkit-transform: scale(1.4);}
		    70% {opacity: 1;-webkit-transform: scale(0.95);}
		    72% {opacity: 1;-webkit-transform: scale(1);}
		    80% {opacity: 0.8;-webkit-transform: scale(1.1);}
		    88% {opacity: 1;-webkit-transform: scale(1);}
		    93% {opacity: 0;-webkit-transform: scale(1.3);}
		    100%{opacity: 0}
		}
		@-webkit-keyframes shijia
		{
		    0%  {-webkit-transform: rotate(20deg) scale(0.8);opacity: 0}
		    10% {-webkit-transform: rotate(20deg) scale(0.75);opacity: 1}
		    20% {-webkit-transform: rotate(20deg) scale(0.85);}
		    28% {-webkit-transform: rotate(20deg) scale(0.75);}
		    38% {-webkit-transform: rotate(20deg) scale(0.85);}
		    47% {-webkit-transform: rotate(20deg) scale(0.75);opacity: 1}
		    55% {-webkit-transform: rotate(20deg) scale(0.90);opacity: 0}
		    100%{opacity: 0}

		}
		@-webkit-keyframes biaozhi_ani
		{
		    0%  {opacity: 0}
		    10% {opacity: 0}
		    20% {opacity: 1}
		    45% {opacity: 1}
		    55% {opacity: 0}
		    100%{opacity: 0}
		}
		#musicinfo
		{
			color: #fff;
			text-shadow: 1px 1px 2px #000;
			font-size: 15px;
			position: fixed;
			left: 432px;
		    top: 82px;
		    width: 60px;
		    height: 20px;
		    z-index: 100;
		    display: none;
		    opacity: 1;
		}
		@-webkit-keyframes heart_beating
		{
			from {opacity: 1;-webkit-transform: scale(1);}
			to   {opacity: 0.8;-webkit-transform: scale(0.8);}
		}
		@-webkit-keyframes heart1_moving
		{
			from  {opacity: 1;-webkit-transform: translate(0px,0px) scale(1);}
			to    {opacity: 0;-webkit-transform: translate(-20px,-50px) scale(1.5);}
		}
		@-webkit-keyframes heart2_moving
		{
			from  {opacity: 1;-webkit-transform: translate(0px,0px) scale(1);}
			to    {opacity: 0;-webkit-transform: translate(20px,-60px) scale(2);}
		}
		@-webkit-keyframes heart3_moving
		{
			from  {opacity: 1;-webkit-transform: translate(0px,0px) scale(1);}
			to    {opacity: 0;-webkit-transform: translate(70px,-40px) scale(2);}
		}
#enddiv
{
    position: absolute;
    width: 500px;
    height: 815px;
    background-color: rgba(0,0,0,0.7);
    z-index: 10000;
    display: none;
    opacity: 0;
}
#title_div
{
    width: 320px;
    height: 200px;
    left: 90px;
    top: 250px;
    color: #fff;
    font-size: 25px;
    position: relative;
    line-height: 45px;
    text-align: center;
    font-family: '微软雅黑';
    display:table;
}
#title_line
{
    position: absolute;
    width: 370px;
    height: 2px;
    background-color: #fff;
    top: 415px;
    left: 65px;
}
#reshowbtn
{
    position: absolute;
    width: 150px;
    height: 44px;
    border-radius: 10px;
    background-color: rgba(94,159,177,0.9);
    color: #fff;
    font-size: 22px;
    text-align: center;
    line-height: 44px;
    top: 446px;
    left: 74px;
}
#guanzhubtn
{
    position: absolute;
    width: 150px;
    height: 44px;
    border-radius: 10px;
    background-color: rgba(185,91,83,0.9);
    color: #fff;
    font-size: 22px;
    text-align: center;
    line-height: 44px;
    top: 446px;
    left: 268px;
}
@-webkit-keyframes fadein
{
	from  {opacity: 0}
	to    {opacity: 1}
}
	</style>

